<template>
  <div class="aysw-footer">
  <div class="aysw-inner w">
    <div class="aysw-footer-section" data-spm="a1z0a">
      <div class="aysw-footer-goldmetal-1 aysw-footer-wrap no_border"> <i class="sn1"></i>
        <span>新手指南</span>
        <div class="aysw">
          <p><a href="/goumailiucheng/" title="购买流程">购买流程</a></p><p><a href="/jiaoyitiaokuan/" title="交易条款">交易条款</a></p>
        </div>
      </div>
      <div class="aysw-footer-goldmetal-2 aysw-footer-wrap"> <i class="sn2"></i>
        <span>支付购买</span>
        <div class="aysw">
          <p><a href="/pay/" title="支付方式">支付方式</a></p><p><a href="/fapiaozhidu/" title="发票制度">发票制度</a></p>
        </div>
      </div>
      <div class="aysw-footer-goldmetal aysw-footer-wrap" id="J_footer-goldmetal" style="float:left">
        <div class="aysw-footer-goldmetal-wrap" style="margin: 0px 0px;"> <a class="aysw-footer-goldmetal-img" href="https://www.xiuzhanwang.com/" target="_blank">扫描我们的微信</a> </div>
      </div>
      <div class="aysw-footer-goldmetal-3 aysw-footer-wrap"> <i class="sn3"></i>
        <span>售后服务</span>
        <div class="aysw">
          <p><a href="/yumingshouquan/" title="域名授权">域名授权</a></p><p><a href="/service/" title="售后保障">售后保障</a></p><p><a href="/changjianwenti/" title="常见问题">常见问题</a></p>
        </div>
      </div>
      <div class="aysw-footer-goldmetal-others aysw-footer-wrap"> <i class="sn4"></i>
        <span>服务支持</span>
        <div class="aysw">
          <p>客服QQ：&nbsp;904618281 </p>
          <p>工作日：&nbsp;9:00-17:30</p>
        </div>
      </div>
    </div>
  </div>
</div>
</template>

<script>
export default {
  name:'Helper'
}
</script>

<style lang="scss" scoped>
.w{
  width: 1200px;
  margin:0 auto;
}
.aysw-footer{
    border: none;
    margin: 0;
    outline: 0;
    vertical-align: baseline;
    clear: both;
    padding-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    // padding-bottom: 32px;
    color: rgb(102, 102, 102);
    padding-top: 35px;
    // zoom: 1;
    // text-align: center;
    border-top: 1px solid rgb(238, 238, 238);
    background: rgb(248, 248, 248);
    // font: 12px / 18px 微软雅黑, Helvetica, Arial, Verdana, 宋体;
}
.aysw-footer .aysw-inner {
    // MARGIN: 0px auto;
    OVERFLOW: hidden;
    // ZOOM: 1;
    // TEXT-ALIGN: left;
}
.aysw-footer .aysw-footer-wrap.no_border {
    // border: none;
    margin: 0;
}
.aysw-footer .aysw-footer-wrap {
    float: left;
    // border-left: 1px dashed #CCC;
    width: 20%;
}

.aysw-footer .aysw-footer-wrap i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(~@/assets/common/foot_icon_bg.png) no-repeat;
    margin: 0 auto;
}
.aysw-footer .aysw-footer-wrap .sn1 {
    background-position: 0 0;
}
.aysw-footer .aysw-footer-wrap .sn2 {
    background-position: 0 -129px;
}
.aysw-footer .aysw-footer-wrap .sn3 {
    background-position: 0 -65px;
}
.aysw-footer .aysw-footer-wrap .sn4 {
    background-position: 0 -194px;
}
.aysw-footer span {
    FONT-SIZE: 18px;
    MARGIN: 0px;
    COLOR: #2e2e2e;
    HEIGHT: 30px;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    margin: 15px 0;
    display: block;
}
.aysw-footer p {
    text-align: center;
    line-height: 20px;
}
.aysw-footer a {
    COLOR: #666666;
    TEXT-DECORATION: none;
}
.aysw-footer-goldmetal-img {
    CLEAR: both;
    DISPLAY: block;
    BACKGROUND: url(~@/assets/common/weixin_btm.gif) no-repeat center;
    MARGIN: 0px auto;
    OVERFLOW: hidden;
    WIDTH: 200px;
    TEXT-INDENT: -10000px;
    HEIGHT: 170px;
}
</style>
